import { createApp } from 'vue'
import App from './App.vue'
import router from './router';
import { createPinia } from 'pinia';
import hooks from './hooks/index.js'
import '@/styles/font.css'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

import 'normalize.css';
import '@/styles/common.css';
import '@/styles/global.scss';
// import 'virtual:svg-icons-register'
// import SvgIcon from '@/components/SvgIcon'


import * as echarts from 'echarts';
import "echarts-gl";

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
app.config.globalProperties.$ECharts = echarts
app.config.globalProperties.$hooks = hooks

// app.component('svg-icon', SvgIcon)

const pinia = createPinia();
app.use(router).use(ElementPlus).use(pinia).mount('#app')
